<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
<title>{$theme['title']}</title>
<link href="{$_G['URL']['DUOSHANGJIA_CSS']}css/index.css" rel="stylesheet">
<link href="{$_G['URL']['DUOSHANGJIA_CSS']}css/reset.css" rel="stylesheet">
<link href="{$_G['URL']['DUOSHANGJIA_CSS']}css/swiper.min.css" rel="stylesheet">
<script src="{$_G['URL']['DUOSHANGJIA_CSS']}js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="{$_G['URL']['DUOSHANGJIA_CSS']}js/index.js" type="text/javascript"></script>
<script src="{$_G['URL']['DUOSHANGJIA_CSS']}js/swiper.min.js" type="text/javascript"></script>
<script src="{$_G['URL']['DUOSHANGJIA_CSS']}js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="{$_G['URL']['DUOSHANGJIA_CSS']}js/time.js" type="text/javascript"></script>
<script type="text/javascript" src="{$_G['URL']['APP_JS']}util.js"></script>
<script type="text/javascript" src="{$_G['URL']['APP_JS']}yx.mui.js?v=20160906"></script>
<style type="text/css">
  .lazy {
    width: 100%;
  }
  .baixian{
    font-size:0;
  }
  .baixian img{
    font-size:0;
    display:block;
    vertical-align:top/middle;
  }
  img{
     pointer-events:none;
  }
</style>
</head>
<body>
<!--头部-->
	<div class="toubu clear">
		<div class="toubu_zuo left">
			<ul>
			       {loop $danmulisttop $item}
				<li class="clear"><img src="{$item['img']}" alt=""><p>{$item['info']}</p></li>
                {/loop}
			</ul>
			<script type="text/javascript">
				jQuery(".toubu_zuo").slide({mainCell:"ul",autoPlay:true,effect:"topMarquee",vis:1,interTime:30,mouseOverStop:false});
			</script> 
		</div>
		<div class="toubu_you right">
			<a id="audio_btn"><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/music_open.png" id="music_btn" class="xuanz" alt=""></a> 
			<audio id="music" loop="loop" autoplay="autoplay" controls="controls" src="{php echo tomedia($config['musicsrc']);}" style="display:none;"></audio>
		</div>
		<script> 
			$("#audio_btn").click(function(){ 
				var music = document.getElementById("music"); 
				if(music.paused){ 
					music.play(); 
					$("#music_btn").attr("src","{$_G['URL']['DUOSHANGJIA_CSS']}images/music_open.png"); 
					$("#music_btn").addClass("xuanz");
				}else{ 
					music.pause(); 
					$("#music_btn").attr("src","{$_G['URL']['DUOSHANGJIA_CSS']}images/music_down.png");
					$("#music_btn").removeClass("xuanz");
				} 
			});
		</script>
	</div>
	<div class="header_rolling">
		<marquee direction="left" loop="-1" scrollamount="6">
			<div class="clear">
				{loop $danmulisttop $item}
				<i class="header_rolling_box clear"><img src="{$item['img']}" alt=""><span>{$item['nickname']}{$item['info']}</span></i>
				{/loop}
			</div>
		</marquee>
	</div>
	<div class="content">
  	{if ($theme['endtime']+$endday) < TIMESTAMP && $theme['yixuanbanquan'] != '1' && $theme['USERJISHU'] == '' }
      <a href="http://ad.yixuan.net/"><img src="{$_G['URL']['APP_IMAGE']}yixuan.jpg" alt="" style="width: 100%"></a>
    {/if}
	<img src="{php echo tomedia($config['headlogo']);}" alt="" style="width: 100%">
</div>
<!-- 
	<div class="header_bg" > </div> -->
<!--头部-->

<!--活动-->
	<div class="activity">
		<div class="title"><span>&#24050;&#26377;{$totalsum}人参与活动</span></div>
	</div>
	<div class="time">
		<div id="fnTimeCountDown" data-end="{php echo date('Y/m/d H:i:s',$theme['endtime']);}">
<!--			<span class="month">00</span>月-->
			<span class="day">00</span>天
			<span class="hour">00</span>时
			<span class="mini">00</span>分
			<span class="sec">00</span>秒
    	</div>
		<script type="text/javascript">
    		$("#fnTimeCountDown").fnTimeCountDown("{php echo date('Y/m/d H:i:s',$theme['endtime']");
		</script>
		
		<div class="time_end">距离活动结束</div>
	</div>
<!--活动-->
	
{if $config['iscomm']==1  && $system['fenxiao07']==1;}
  {include file='yxpdd/yaoyiyao'}
{/if}
<!--联盟商家-->
	<div class="product">
		<div class="top"><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/merchants_top.png" alt=""><strong>商家排名不分前后</strong></div>
		<div class="swiper-container product_content">
			<div class="swiper-wrapper">
				{loop $logolist $item}
					{if !empty($item['logo'])}
					<div class="swiper-slide">
						<a href="/{php echo createMobileUrl('viewshop', array('themeid'=>$themeid,'id'=>$item['id']));}"><img src="{php echo tomedia($item['logo']);}" alt=""><p>{$item['name']}</p></a>
					</div>
					{/if}
				{/loop}
			</div>
		</div>
		<script>
			var swiper = new Swiper('.product_content', {
			  slidesPerView:5,
			  slidesPerColumn: 2,
			  spaceBetween:20,
			  pagination: {
				el: '.swiper-pagination',
				clickable: true,
			  },
			autoplay: {
						delay: 2000,
						disableOnInteraction:false,
					},
			});
		</script>
	</div>

<div class="content baixian" style="padding-top: 20px;" id="centerimgs"></div>

<!-- 	<div class="rules">
		<div class="top"><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/rules.png" alt=""></div>
		<div class="content" id="crules_content">
			<div class="intro" id="rules_intro">
				{$config['content']}
  				<img src="{php echo tomedia($theme['addimg']);}" width="100%"  class="lazy">
			</div>
			<div class="more" id="rules_more"><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/rules_more.png" alt=""></div>
			<div class="more1" id="rules_more1"><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/rules_more.png" alt=""></div>
		</div>
	</div>
	<script>
	$("#rules_more").click(function(){
  		$("#crules_content").css("height","auto");
  		$("#rules_intro").css("height","auto");
  		$("#rules_more").css("display","none");
  		$("#rules_more1").css("display","block");
	});
	$("#rules_more1").click(function(){
  		$("#crules_content").css("height","2.84rem");
  		$("#rules_intro").css("height","1.75rem");
  		$("#rules_more1").css("display","none");
  		$("#rules_more").css("display","block");
		location.hash="#navBar";
	});
	</script> -->
<!--活动规则-->
	
<!--免单详情-->
	{loop $grouplist $item}
	{if !empty($item['shoplist'])}
	<div class="free">
		{if !empty($item['img'])}
		<div class="top" ><img src="{php echo tomedia($item['img']);}" alt=""></div>
		{/if}
		<!--板块01-->
		<div class="swiper-container free_content">
			<div class="swiper-wrapper">
				{loop $item['shoplist'] $shop}
				<div class="swiper-slide">
					{if $config['duoshangjiashouye']==0}
						<div class="text clear">
							<div class="zuo left"><img src="{php echo tomedia($shop['logo']);}" alt=""></div>
							<div class="you right">
								<i>{$shop['name']}</i>
								<a href="tel:{$shop['mobile']}">{$shop['mobile']}</a>
								<p>{$shop['address']}</p>
							</div>
						</div> 
					{/if}
					<div class="img"><a href="/{php echo createMobileUrl('viewshop', array('themeid'=>$themeid,'id'=>$shop['id']));}"><img src="{php echo tomedia($shop['imgs']);}" alt="" style="height: {$config['duoshangjiaheigh']}px"></a></div>
				</div>
				{/loop}
			</div>
			<div class="swiper-pagination"></div>
			<script>
				var swiper = new Swiper('.free_content', {
					loop: true,
					autoplay: {
						delay: 2500,
						disableOnInteraction: false,
					},
					pagination: {
						el: '.swiper-pagination',
						type: 'fraction',
					},
				});
			</script>
		</div>
		<div class="free_more"><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/free_more.png" alt=""><p>点击查看详情</p></div>		
	</div>
	{/if}
	{/loop}
<!--免单详情-->
 

{if $config['iscommshow']==3}
<div class="content baixian" id="content"></div>
{/if}
{if $config['iscommshow']<>0}
{if ($system['fenxiao01'] >0 || $system['fenxiao04'] ==1 || $system['fenxiao05'] ==1 || $system['fenxiao07'] ==1 || $system['fenxiao08'] ==1)}
<!--排行榜-->
	<div class="leaderboard" id="navBar">
		<div class="swiper-container leaderboard_content">
			<div class="swiper-wrapper">
				{loop $commslist $cindexno $row}
				<div class="swiper-slide clear">
					<div class="img left"><img src="{php echo tomedia($row['avatar']);}" alt=""></div>
					<div class="name left">{if empty($row['nickname'])}null{$row['uid']}{else}{php echo mb_substr($row['nickname'],0,5,'utf-8');}{/if}</div>
					<div class="jiage right">{$row['feesum']}元</div>
				</div>
				{/loop}
			</div>
		</div>
		<script>
			var swiper = new Swiper('.leaderboard_content', {
					autoplay: {
						delay: 3000,
						disableOnInteraction:false,
					},
				slidesPerView:3.5,
				direction: 'vertical',
			});
		</script>
	</div>
<!--排行榜-->
{/if}
{/if}
{if $config['iscommshow']<>3}
<div class="content baixian" id="content"></div>
{/if}
{if $theme['yixuanbanquan'] != '1'} 
<div class="metro_container content" style="background-color: #ffffff; text-align:center;padding:15px 0px 60px";>
<a style="font-size:12px;" href="{php echo empty($theme['USERURL'])?$system['s']['yixuanurl']:$theme['USERURL'];}">{php echo empty($theme['USERJISHU'])?$system['s']['yixuanjishu']:html_entity_decode($theme['USERJISHU'], ENT_QUOTES);}</a>
</div>
{/if}
<!--立即抢购-->
    {if empty($themyrecordid)}
        	<div class="snapup"><a onclick="showlogin(0)" href="javascript:;" style="font-size: 18px; color: {$config['formcolorrighttext']};background-color: {$config['formcolortop']};" >{$wtformtextpay}<img style="-webkit-animation: blink .75s linear infinite;" src="https://css2019.yixuan.net/baom/xiaoshou.png" width="26" height="26" alt=""></a></div>
    {else}
        <div class="snapup"><a href="javascript:;" >
        <a href="/{php echo createMobileUrl('myorder', array('themeid'=>$theme['id']));}" style="font-size: 18px; color: {$config['formcolorrighttext']};background-color: {$config['formcolortop']};" >{$config['wtlablesuccess']}</a></a></div>
    {/if}
<!-- 	<div class="snapup_content">
		<div class="bg"></div>
		<div class="snapup_box">
			<div class="snapup_down"><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/snapup_down.png" alt=""></div>
			<div class="snapup_form">
				<input name="" type="text" class="snapup_input1" placeholder="请输入姓名" />
				<input name="" type="text" class="snapup_input1" placeholder="请输入电话号码" />
				<div class="snapup_input2"><input type="checkBox" id="male" onclick="if (this.checked) {enable()} else {disable()}"><label for="male">我已了解详细规则，并同意</label></div>
				<input type="button" class="snapup_input3 snapup_input3_choose1" id="accept" disabled="true" value="确定">
			</div>
		</div>
	</div>
	<script>
		function disable(){
			document.getElementById("accept").disabled=true;
			$("#accept").addClass("snapup_input3_choose1");
			$("#accept").removeClass("snapup_input3_choose2");
		}
		function enable(){
			document.getElementById("accept").disabled=false;
			$("#accept").addClass("snapup_input3_choose");
			$("#accept").removeClass("snapup_input3_choose1");
		}
	</script>
	<script>
		$(".snapup").click(function(){
		  $(".snapup_content").show();
		});

		$(".snapup_down").click(function(){
		  $(".snapup_content").hide();
		});
	</script> -->
<!--立即抢购-->

<!--浮动小元素-->
	<div class="float_you">
		<div class="float_tel"><a href="javascript:;" onclick="showkfewm()" ><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/float_tel.png" alt=""></a></div>
		{if $config['isposter']==1}
		<div class="float_coupons"><a href="javascript:;" onclick="showposter()"><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/float_coupons1.png" alt=""></a></div>
		{/if}
		{if (!empty($myworker))}
		<div class="float_coupons"><a href="{php echo $_G['siteroot'].createMobileUrl("w_index",array("themeid"=>$themeid));}"><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/float_coupons2.png" alt=""></a></div>
		{/if}
	</div>

{if ($config['iscomm']==1 && ($system['fenxiao01'] >0 || $system['fenxiao05'] ==1  || $system['fenxiao08'] ==1))}

	<div class="float_join" style="right: 0.1rem; width: 50px;
"><a class = "letgofenxiao" href= href='javascript:;'><img src="{$_G['URL']['APP_IMAGE']}hongbao.png" alt=""></a></div>


<style type="text/css">
#mcover2 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 100002; }
#mcover2 img {position: fixed; right: 18px; top: 5px; width: 260px !important; height: 180px !important; z-index: 100002; }
</style>
<div id="mcover2" onclick="document.getElementById('mcover2').style.display='';">
<img src="{$fenxiaotip}" /></div>
<script type="text/javascript">
$(function(){
  $(".letgofenxiao").click(function(event) {
    $("#mcover2").show();
    return false;
  });
})
</script>

{else}

	<div class="float_join" style="right: 0.1rem; width: 50px;
"><a href="{php echo $_G['siteroot'].createMobileUrl("joinshop",array("themeid"=>$themeid,"workerid"=>$workerid,"recordid"=>$recordid));}"><img src="{$_G['URL']['DUOSHANGJIA_CSS']}images/float_join.png" alt=""></a></div>

{/if}
<!--浮动小元素-->

{include file='duoshangjia/wxpay'}
{include file='base/tips'}
{include file='base/kefu'}

{include file='base/sharepyq'}



<script type="text/javascript">
	/*底部弹出支持*/
	var chips_tanchu = $(".chips_tanchu");

	$(".base_tcdiv_mobile,.cancel-img").click(function(){
    	if (chips_tanchu.is(':hidden')) {
			$(".chips_tanchu").slideDown(500); 
			$(".chips_tanchu_bottom").show();
			$(".base_tcdiv_mobile").show();
			$(".snapup").hide();
			$(".float_join").hide();
			$(".float_you").show();
    	}
    	else {
			$(".chips_tanchu").slideUp(500);
			$(".chips_tanchu_bottom").hide();
			$(".base_tcdiv_mobile").hide();
			$(".snapup").show();
			$(".float_join").show();
			$(".float_you").show();
    	};
    });

function show_group(){
	$(".snapup").show();
	$(".float_join").show();
	$(".my_grounp").hide();
	$(".float_you").show();
}

function close_group(){
	$(".snapup").hide();
	$(".my_grounp").hide();
	$(".float_you").hide();
	$(".float_join").hide();
}

function showlogin(joinid){
	close_group();
	$("#joininfoid").val(joinid); 
	$(".chips_tanchu").slideDown(500); 
	$(".chips_tanchu_bottom").show();
	$(".base_tcdiv_mobile").show();
}
function showloginfree(joinid){
    close_group();
    $("#joininfoid").val(joinid); 
    $(".chips_tanchu").slideDown(500); 
    $(".chips_tanchu_bottom").hide();
    $(".chips_tanchu_bottom2").show();
    $(".base_tcdiv_mobile").show();
}

</script>
<style type="text/css">


	body {
    background: {$config['formcolorhead']};
	}
	.base_tcdiv_mobile {
    position: fixed;
    display: none;
    display: block;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 998;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background: none repeat scroll 0% 0% rgb(0, 0, 0);
}
.detail {
    margin-left: 10px;
    width: auto;
    position: relative;
}
.m_titles {
    padding-right: 45px;
    line-height: 22px;
    position: relative;
    font-size: 16px;
    height: 22px;
    margin: 0 0 2px;
    color: #282828;
    overflow: hidden;
}
.sku-layout {
    position: absolute;
    right: 3px;
    top: 2px;
    padding: 2px;
}
.cancel-img {
    background: url(../images/buy.png);
    background-position: 0 -108px;
    background-size: 40px auto;
    height: 27px;
    width: 27px;
}
.content:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.s_bottom {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
}
ul, ol, dl {
    list-style: none;
}
.b_input li {
    width: 100%;
    float: left;
    height: 48px;
}
.b_input li span {
    float: left;
    height: 40px;
    line-height: 40px;
    width: 30%;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.b_input li input {
    float: left;
    outline: none;
    background: #ddd;
    border: none;
    padding: 0;
    height: 40px;
    line-height: 40px;
    width: 70%;
    text-indent: 5px;
}
.chips_tanchu_bottom {
    width: 100%;
    position: fixed;
    z-index: 1003;
    background-color: #fff;
    height: 80px;
    line-height: 80px;
    bottom: 0;
    left: 0;
    text-align: center;
    display: none;
}
.chips_tanchu_bottom a, .chips_tanchu_bottom a:hover, .chips_tanchu_bottom a:active {
    width: 90%;
    height: 48px;
    display: inline-block;
    color: #fff;
    font-size: 26px;
    line-height: 48px;
    border-radius: 5px;
}
.chips_tanchu {
    width: 100%;
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    bottom: 0;
    left: 0;
    display: none;
    height: auto;
    padding-bottom: 80px;
}

.layout-title {
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 0 6px;
}
</style>